<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="计科2412 洪语梵 04"
    <title>1-9</title>
    <style>
        body {
            background-color: #fff2cc;
            margin: 0;
            padding: 20px;
            text-align: center;
        }
        h1 {
            color: #0000cc;
            font-size: 24px;
            margin-bottom: 10px;
        }
        nav {
            margin-bottom: 15px;
        }
        nav a {
            margin: 0 5px;
            text-decoration: none;
            color: #000;
        }
        .img-group {
            display: flex;
            justify-content: center;
            gap: 10px;
        }
        .img-group img {
            width: 200px;
            height: auto;
        }
        hr {
            width: 50%;
            margin: 15px auto;
        }
    </style>
</head>
<body>
    <h1>动物世界</h1>
    <hr>
    <nav>
        <a href=" ">首页</a >
        <a href="#">动物一揽</a >
        <a href="#">百草园</a >
        <a href="#">动物图片</a >
        <a href="#">动物论坛</a >
    </nav>
    <div class="img-group">
        <img src="企鹅.JPG" alt="企鹅"> 
        <img src="鹿.JPG" alt="鹿">    
    </div>
    <p>感谢你的浏览</p >
</body>
</html>